<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>3-1自助下单（创建订单）</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/global.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/submit-order.css">
</head>
<body>
    <header class="header">
        <p>提交订单</p>
    </header>
    <main class="main">
        <div class="main-top">设备维护-自助机</div>
        <div class="fenjie-1"></div>
        <div class="main-2">
            <div class="lianxiren">
                <span style="color: #cccccc">联系人：</span>
                <span>小马&nbsp;&nbsp;</span>
                <span>13825001901</span>
            </div>
            <div class="dizhi">
                <span style="color: #cccccc">地址：</span>
                <span><a href="addressofservice.html">广东番禺节能科技园</a></span>
            </div>
            <div class="order-time">下单时间：2018年02月28日 17:16</div>
        </div>

        <div class="fenjie-2"></div>
        <div class="renwumiaoshu">任务描述</div>
        <div class="fenjie-1"></div>
        <div class="miaoshu">某景区有2台自助机急需安装维护。</div>
        <div class="fenjie-2"></div>
        <div class="renwufujian">任务附件</div>
        <div class="fenjie-1"></div>
        <div class="fujianmiaoshu">
            <img src="./img/submit-order-1.jpg" alt="submit-order">
            <img src="./img/submit-order-2.jpg" alt="submit-order">
            <img src="./img/submit-order-3.jpg" alt="submit-order">
        </div>
        <div class="fenjie-2"></div>
        <div class="renwu-money">
            任务结算金额
            <span>￥1500</span>
            <span class="tian">x1天</span>
        </div>
        <div class="fenjie-1"></div>
        <div class="renwu">
            <div class="time">
                任务工期
                <span>1天</span>
            </div>
            <div class="money">
                任务结算金额
                <span>￥1500</span>
            </div>
        </div>

        <div class="fenjie-2"></div>
    </main>
    <footer class="footer">
        <button>确认订单并支付</button>
    </footer>
</body>
</html>